<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2020/3/19
  Time: 8:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" >
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-datetimepicker.css" >
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.min.css" >

    <title>$Title$</title>
</head>
<body>

<div class="row"><h1 style="margin-left: 200px">学生管理系统</h1></div>
<div class="row" style="font-size:8px">
    <div class="col-xs-3 col-md-2"><jsp:include page="../Left.jsp"></jsp:include></div>
    <div class="col-xs-9 col-md-4">
<form class="form-horizontal" method="post" action="add.do" enctype="multipart/form-data">
    <div class="form-group">
        <label for="username" class="col-sm-2 control-label">学生姓名</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="username" placeholder="username" name="name">
        </div>
    </div>
    <div class="form-group">
        <label for="password" class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" id="password" placeholder="password" name="password">
        </div>
    </div>
    <div class="form-group">
        <label for="optionsRadios3" class="col-sm-2 control-label">性别</label>
        <label class="radio-inline">
            <input type="radio" name="sex" id="optionsRadios3" value="0" checked> 男
        </label>
        <label class="radio-inline">
            <input type="radio" name="sex" id="optionsRadios4"  value="1"> 女
        </label>
    </div>
    <div class="form-group">
        <label for="clazz" class="col-sm-2 control-label">班级</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="clazz" placeholder="班级" name="clazz">
        </div>
    </div>
    <div class="form-group">
        <label for="dtp_input2" class="col-md-2 control-label">生日</label>
        <div class="input-group date form_date col-md-5" data-date="" data-date-format="yyyy MM dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
            <input class="form-control" size="16" type="text" value="" name="birthday" readonly>
            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        </div>
        <input type="hidden" id="dtp_input2" value="" /><br/>
    </div>
    <div class="form-group">
        <label for="file" class="col-sm-2 control-label">头像：</label>
        <div class="col-sm-10">
            <input type="file" class="form-control" id="file" name="file" placeholder="head image">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default">add student</button>
        </div>
    </div>
</form>
    </div>
<!-- 最新的 Bootstrap 核心 jquery 文件 -->
<script src="../bootstrap/js/jquery.js" ></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="../bootstrap/js/bootstrap.min.js" ></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript">
        $('.form_datetime').datetimepicker({
            language:  'zh-CN',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });
        $('.form_date').datetimepicker({
            language:  'zh-CN',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0
        });
        $('.form_time').datetimepicker({
            language:  'zh-CN',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 1,
            minView: 0,
            maxView: 1,
            forceParse: 0
        });
    </script>
</body>
</html>
